<!-- props的学习 -->
<template>
  <div class="">
    <Student name="张三" :age="18" sex="男"></Student>
    <Student name="李四" :age="28" sex="女"></Student>
  </div>
</template>

/**
  1, 只接收 props:['a','b']
  2, 限制类型 props: { a: String, b: Number }
  3, 限制类型填充默认值等 
  props:
  {name:{ type: String,	 // 类型
        required: true,// 必要性
        default: 'cess'// 默认值}
        }
  注意: props只能读不能修改,如果需要修改则需要在子组件进行绑定
 */


<script>
import Student from "@/components/Student/index.vue";

export default {
  //import引入的组件需要注入到对象中才能使用
  components: { Student },
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>


<style scoped>
/* @import url(); 引入公共css类 */
</style>